<template>
	<div id="">
		<div>
			<el-input size="mini" class="inputs" v-model="inputes" :placeholder="labels" :disabled='isdisable'></el-input>
			<el-button @click="add" type="primary" size="mini" :disabled='isdisable'>保存</el-button>
		</div>
		<template v-for="(item,index) in lists">
			<div class="listone">
				{{item}}
				<i class="iconfont icon-shanchu" @click="removes(index)"></i>
			
			</div>
		</template>
	</div>
</template>

<script>
	export default{
		data(){
			return {
				inputes:""
			}
		},
		props:['lists',"indexs","labels","isdisable"],
		mounted(){
			
		},
		methods:{
			add(){
				this.$emit("adds",this.inputes,this.indexs)
			},
			removes(e){
				if(this.isdisable==false){
					this.$emit("removelist",e,this.indexs)
				}
				
			}
		}
	}
</script>

<style lang="scss" scoped>
.inputs{
	width:200px;

}
.listone{
	padding:10px 5px 10px 20px;
	height:28px;
	float:left;
	margin-left:10px;
  
   background-color: #fff;
    border:1px solid #ee6000;
    color: #ee6000;
   display:flex;
   justify-content: space-around;
   align-items: center;
   margin-top:20px;
   i{
   	margin-top:3px;
   	cursor:pointer;
   	margin-left:10px;
   }
}
</style>